body,
			html {
				height: 100%;
				background: #f2f2f2;
				min-width: 1200px;
			}
			.headerCon .header .nav li:nth-child(1) a {
				color: #009AFE;
			}
				
			.container {
				width: 1200px;
				margin: 0 auto;
				height: 1090px;
				padding-top: 20px;
			}
			
			.container .left {
				width: 250px;
				height: auto;
				min-height: 100px;
				float: left;
			}
			
			.container .middle {
				width: 660px;
				height: auto;
				min-height: 100px;
				float: left;
				margin: 0 20px;
			}
			
			.container .right {
				width: 250px;
				height: auto;
				min-height: 100px;
				float: left;
			}
			
			.top {
				height: 270px;
				background: #fff;
				margin-bottom: 20px;
			}
			
			.title {
				font-size: 16px;
				height: 40px;
				line-height: 40px;
				padding: 0 20px;
				border-bottom: 1px solid rgb(228, 228, 228);
				font-weight: 800;
			}
			
			.title span {
				float: right;
				font-weight: 500;
				font-size: 12px;
				color: #666666;
				cursor: pointer;
			}
			
			.title span:hover {
				color: #009AFE;
			}
			
			.recommend {
				height: 200px;
				padding-top: 30px;
				position: relative;
			}
			.recommend:hover{
				cursor: pointer;
			}
			.logo_icon {
				height: 70px;
			}
			
			.logo_icon img {
				display: block;
				margin: 0 auto;
				height: 70px;
				width: 70px;
			}
			
			.recommend .name {
				height: 40px;
				line-height: 40px;
				font-size: 16px;
				font-weight: 800;
				text-align: center;
			}
			
			.recommend .txt {
				height: 40px;
				line-height: 40px;
				font-size: 14px;
				text-align: center;
				color: #999;
			}
			
			.recommend .price {
				font-size: 14px;
				text-align: center;
				line-height: 40px;
				color: #FF0000;
			}
			
			.recommend .price span {
				font-weight: 700;
			}
			
			.btns {
				display: none;
				position: absolute;
				bottom: 15px;
				left: 50px;
				width: 150px;
				height: 35px;
				text-align: center;
				background: #009AFE;
				color: #FFFFFF;
				font-size: 14px;
				line-height: 35px;
				border-radius: 3px;
			}
			
			.top2 {
				height: 240px;
				background: #fff;
				margin-bottom: 20px;
			}
			
			.top2 .list {
				height: 195px;
				clear: both;
				padding-top: 10px;
			}
			
			.top2 .list li {
				width: 50%;
				cursor: pointer;
				float: left;
				padding-left: 10px;
				box-sizing: border-box;
				height: 45px;
				line-height: 45px;
			}
			.top2 .list li:hover{
				color: #009AFE;
			}
			.top2 .list li img {
				display: inline-block;
				width: 30px;
				height: 30px;
				vertical-align: middle;
				border-radius: 50%;
				margin-right: 5px;
			}
			
			.top3 {
				height: 120px;
				background: #fff;
				margin-bottom: 20px;
			}
			
			.top3 img {
				display: block;
				width: 100%;
				height: 100%;
			}
			
			.top4 {
				height: 380px;
				background: #fff;
			}
			
			.top4 .list {
				height: 339px;
				padding: 0 15px;
			}
			
			.top4 .list li {
				height: 70px;
				padding-top: 14px;
				cursor: pointer;
				border-bottom: 1px dashed #e1e1e1;
			}
			
			.top4 .list li div:first-child {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				height: 40px;
				font-size: 14px;
				
			}
			.top4 .list li div:first-child:hover{
				color: #009AFE;
			} 
			
			.top4 .list li div:last-child {
				font-size: 12px;
				height: 30px;
				line-height: 30px;
				color: #999;
			}
			
			.top4 .list li:last-child {
				border: 0;
			}
			
			.top4 .list li div:first-child span {
				background: #f00;
				font-size: 12px;
				padding: 2px 3px;
				border-radius: 2px;
				color: #fff;
				margin-right: 8px;
			}
			
			.conMid {
				width: 1200px;
				margin: 0 auto;
				height: 350px;
				margin-bottom: 20px;
				background: #fff;
				margin-bottom: 20px;
			}
			
			.projects {
				width: 1200px;
				margin: 0 auto;
				height: auto;
				min-height: 290px;
				background: #fff;
				margin-bottom: 20px;
			}
			
			.links {
				height: auto;
				min-height: 100px;
				background: #fff;
				padding-bottom: 20px;
			}
			
			
			
			.banner {
				height: 270px;
				margin-bottom: 20px;
				background: #fff;
			}
			
			.selects {
				height: 380px;
				margin-bottom: 20px;
				background: #fff;
			}
			
			.selects .productCon {
				
				padding: 10px 15px;
				clear: both;
			}
			
			.selects .productCon .item {
				width: 300px;
				float: left;
				height: 90px;
				margin-bottom: 10px;
				padding: 5px;
				position: relative;
			}
			.selects .productCon .item:nth-child(2n){
				margin-left: 10px;
			}
			.selects .productCon .item img {
				float: left;
				display: block;
				width: 137px;
				height: 86px;
			}
			
			.selects .productCon .item .info {
				float: left;
				width: 150px;
				height: 86px;
				padding-left:10px;
				background: #fff;
				
			}
			
			.productCon .item .info .info_top {
				height: 30px;
				font-size: 14px;
				line-height: 30px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			.productCon .item .info .info_mid {
				height: 30px;
				font-size: 10px;
				line-height: 30px;
				color: #999;
			}
			
			/*.productCon .item .info .info_mid span:last-child {
				float: right;
			}
			
			.productCon .item .info .info_mid img {
				display: inline-block;
				height: 20px;
				width: 20px;
				vertical-align: middle;
				border-radius: 5px;
				margin-right: 5px;
				margin-top: 4px;
			}*/
			
			.productCon .item .info .info_bottom {
				font-size: 12px;
				line-height: 30px;
				color: #FF0000;
			}
			
			.productCon .item .info .info_bottom span:first-child {
				font-weight: 700;
			}
			
			.productCon .item .info .info_bottom span:last-child {
				height: 22px;
				width: 65px;
				display: inline-block;
				border: 1px solid #E1E1E1;
				float: right;
				text-align: center;
				line-height: 22px;
				color: #999;
				margin-top: 5px;
				cursor: pointer;
			}
			.productCon .nums{
				position: absolute;
				bottom: 10px;
				left: 5px;
				height: 12px;
				width: 137px;
				background: rgba(255,255,255,.2);
				font-size: 12px;
				text-align: right;
				line-height: 12px;
			}
			.productCon .nums span{
				display: block;
				transform: scale(0.8);
				margin-right: -10px;
			}
			.billboard {
				height: 670px;
				background: #fff;
			}
			
			.billboard .title_top {
				height: 40px;
			}
			
			.title_top span {
				float: left;
				display: block;
				width: 50%;
				height: 40px;
				line-height: 39px;
				font-size: 16px;
				text-align: center;
				font-weight: 800;
				border-bottom: 1px solid #e1e1e1;
				box-sizing: border-box;
			}
			
			.title_top span:last-child {
				border-left: 1px solid #e1e1e1;
			}
			
			.title_top span:hover {
				color: #009AFE;
				cursor: pointer;
			}
			
			.title_top span.active {
				border-bottom-color: #fff;
				color: #009AFE;
			}
			
			.topList {
				height: 610px;
			}
			
			.topList .item {
				height: 79px;
			}
			
			.topList .item .num {
				width: 70px;
				height: 100%;
				float: left;
				text-align: center;
				line-height: 79px;
				font-size: 15px;
			}
			
			.topList .item .cons {
				width: 180px;
				float: left;
				background: #fff;
				padding-top: 14px;
				height: 51px;
			}
			
			.topList .item .cons .top_left {
				width: 50px;
				float: left;
				height: 100%;
			}
			
			.topList .item .cons .top_left img {
				display: block;
				width: 50px;
				height: 50px;
				border-radius: 10px;
			}
			
			.topList .item .cons .top_right {
				position: relative;
				height: 100%;
				float: left;
				width: 120px;
				padding-left: 10px;
				cursor: pointer;
			}
			
			.topList .item .cons .top_right p {
				line-height: 25px;
				;
				font-size: 12px;
			}
			
			.topList .item .cons .top_right p:nth-child(2) {
				color: #FF0000;
			}
			
			.topList .item .cons .top_right p:nth-child(2) span {
				font-weight: 800;
			}
			
			.topBtn {
				display: none;
				position: absolute;
				bottom: 0px;
				left: 10px;
				width: 80px;
				background: #009AFE;
				height: 25px;
				cursor: pointer;
				color: #fff;
				text-align: center;
				line-height: 25px;
				font-size: 12px;
			}
			.circle{
				height: 380px;
				background: #fff;
				margin-top: 20px;
			}
			
			.circleCon{
				padding-top: 20px;;
			}
			.qqCon{
				height: 24px;
				padding: 0 20px;
				font-size: 14px;
				line-height: 24px;
				margin-bottom: 10px;
			}
			.qqCon span{
				display: inline-block;
				height: 24px;border:1px solid #E1E1E1;
				width: 68px;
				float: right;
				text-align: center;
				line-height: 24px;
				font-size: 12px;
				border-radius: 3px;
				
			}
			.qqCon span:hover{
				color: #fff;
				background: #009AFE;
				cursor: pointer;
				
			}
			.code{
				margin: 0 auto;
				height: 150px;
				width: 210px;
				background: rgba(242, 245, 249, 1);
				margin-top: 36px;
				padding-top: 20px;
			}
			.code img{
				display: block;
				height: 90px;
				width: 90px;
				margin: 0 auto;
			}
			.code .tit{
				font-size: 12px;
				font-weight: 700;
				text-align: center;
				line-height: 35px;
			}
			.code .tit2{
				font-size: 12px;
				text-align: center;
			}
			.conMidList{
				padding: 20px;
			}
			.conMidList .item{
				float: left;
				width: 276px;
				height: 268px;
				padding: 5px;
				margin-right: 5px;
				
			}

			.conMidList .item:last-child{
				margin-right: 0;
			}
			.conMidList .item img.classImg{
				width: 100%;
				height: 158px;
			}
			.conMidList .item .name{
				margin-top: 10px;
				height: 44px;
				font-size: 14px;
				line-height: 1.6;
			}
			.conMidList .item .price{
				line-height: 60px;
				color: #FF0000;
				font-size: 16px;;
			}
			.conMidList .item .price img{
				display: inline-block;
				width: 25px;
				height: 25px;
				border-radius: 5px;
				vertical-align: middle;
				margin-right: 5px;
			}
			.conMidList .item .price span{
				color: #999;
				font-weight: 500;
				font-size: 14px;;
			}
			.projectsList{
				width: 1200px;
				margin: 0 auto;
				clear: both;
				height: auto;
				min-height: 200px;
				overflow: hidden;
			}
			.projectsList .item{
				position: relative;
				padding: 20px;
				height: 280px;
				border-bottom: 1px solid #E1E1E1;
				width: 600px;
				box-sizing: border-box;
				float: left;
				border-right: 1px solid #E1E1E1;
			}
			.projectsList .item:nth-child(2n){
				border-right:0
			}
			.projectsList .item:nth-child(n+3){
				border-bottom:0
			}
			.projectsList .item .top{
				height: 130px;
				clear: both;
			}
			.projectsList .item .top .topImg{
				width: 180px;
				height: 130px;
				float: left;
			}
			.projectsList .item .top .topImg img{
				width: 180px;
				height: 130px;
			}
			.projectsList .item .top .topTitle{
				width: 340px;
				height: 130px;
				float: right;
			}
			.projectsList .item .top .topTitle .p1{
				height: 40px;
				font-size: 16px;
				margin-bottom: 20px;
			}
			.projectsList .item .top .topTitle .p2{
				height: 40px;
				font-size: 14px;
				color: #999;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
			}
			.proList li{
				height: 26px;
				width: 100%;
				margin-bottom: 5px;
			}
			.proList li img{
				display: inline-block;
				height: 25px;
				width: 25px;
				vertical-align: middle;
				margin-right: 5px;
				border-radius: 5px;
			}
			.proList li span{
				font-size: 12px;
			}
			
			.projectsList .item .moreTit{
				position: absolute;
				bottom: 20px;
				right: 20px;
				width: 80px;
				text-align: right;
				font-size: 14px;
				color: #009AFE;
			}
			
			
			
			.linkList{
				height: 100%;
				width: 1200px;
				margin: 0 auto;
				
			}
			.linkList .linkTile{
				height: 60px;
				line-height: 60px;;
				font-size: 18px;
				color: #999;
			}
			.linkList li{
				width: 121px;;
				height: 35px;
				float: left;
				font-size: 14px;
   			    color: #666666;
   			    line-height: 35px;
			}
			
			
			.footer {
				height: 290px;
				background: rgba(38, 38, 39, 1);
			}
			.footerCon{
				width: 1200px;
				height: 204px;
				margin: 0 auto;
				clear: both;
				padding-top: 40px;
			}
			.footerCon .left{
				width: 400px;
				height: 100%;
				float: left;
			}
			.footerCon .left .tit{
				height: 60px;
				line-height: 60px;
				font-size: 16px;
				font-weight: 700;
				color: #fff;
			}
			.footerCon .left .info{
				padding-top: 5px;
				font-size: 12px;
			    color: #999999;
			    line-height: 22px;
			    width: 320px;
			}	
			.footerCon .middle{
				position: relative;
				width: 400px;
				height: 100%;
				float: left;
			}
			.footerCon .middle .tit{
				height: 60px;
				line-height: 60px;
				font-size: 16px;
				font-weight: 700;
				color: #fff;
			}
			.footerCon .middle .p1{
				height: 30px;
				line-height: 30px;
				color: #999;
			}
			.footerCon .middle .codes{
				position: absolute;
				right: 30px;
				top:70px ;
				height: 120px;
			    width: 120px;
			}
			.footerCon .middle .codes img{
				display: block;
				width: 70px;
				height: 70px;
				margin: 0 auto;
				margin-bottom: 20px;
			}
			.footerCon .middle .codes p{
				font-size: 12px;
    			color: #999999;
    			text-align: center;
			}
			.footerCon .right{
				width: 375px;
				height: 100%;
				float: left;
				padding-left: 25px;
			}
			 .footerCon .right .tit{
			 	height: 60px;
				line-height: 60px;
				font-size: 16px;
				font-weight: 700;
				color: #fff;
			 }
			.footer_info{
				height: 46px;
				text-align: center;
				line-height: 46px;
				font-size: 10px;
    			color: #999999;
			}
			.imgs{
				clear: both;
				margin-top: 5px;
			}
			.imgs img{
				display: block;
				float: left;
				height: 45px;
				width: 110px;
				margin-bottom: 20px;
				margin-right: 10px;
			}
			
			